<HTML>
<HEAD>
<TITLE>Management System</TITLE>
<META http-equiv=Content-Type content="text/html; charset=UTF-8">
{literal}
<LINK href="./css/style.css" type=text/css rel=stylesheet>

</HEAD>
 <SCRIPT language=JavaScript>
function change(varStr){
	var flag = document.getElementById("menu" + varStr);
	if(flag.style.display == "none"){
		flag.style.display = "";
	}else{
		flag.style.display = "none";
	}
}
function startLoad(varStr){
	if(varStr == "0"){
		return "";
	}
	
	document.getElementById("menu" + varStr).style.display = "";
}

function loadImages(){
	image1=new Image();
	image1.src="images/hiddenMenu.gif";
	image2=new Image();
	image2.src="images/displayMenu.gif";
}
function SwitchBar(){
	if (""==document.all("menu").style.display){
		document.getElementById("menu").style.display="none";
		document.image.src=image2.src;
	}else{
		document.getElementById("menu").style.display="";
		document.image.src=image1.src;
	}
}
</SCRIPT>

{/literal}
<body onLoad="startLoad('{$initGid}'); loadImages()">

<TABLE cellSpacing=4 cellPadding=0 width="100%" border=0>
<tr>
  <TR>
    <TD align="left" width=192 height=61>
		<IMG alt="company logo" src="./images/logo_smarter.gif" border="0"></TD>
	<TD width="10">&nbsp;</TD>
    <TD vAlign=bottom>
      
		  <TABLE cellSpacing=0 cellPadding=1 width="100%" border=0>
			<TBODY>
			<TR>
			<TD align=left>&nbsp;</TD><TD align=left></TD>
			  <TD align=right width=190><A href="#"><IMG height=20 alt=print src="images/printthispage.gif" width=113 border=0></A> </TD>
			  </TR>
			<TR>
			  <TD align=left>&nbsp;User:<font class="orange">&nbsp;{$userName}</font></TD>
			  <TD align=right><A href="./index.php?Lan=en-US">English</A>&nbsp;&nbsp;|&nbsp;&nbsp;<A href="{$HOME_URL}">Home</A>&nbsp;&nbsp;| </TD>
			  <TD width=190><A  href="./logout.php" target=_top ><IMG height=15 alt=login src="images/logout.gif" width=190 border=0 name=login onMouseOver="this.src='images/logout_over.gif'" onMouseOut="this.src='images/logout.gif'"></A>				</TD>
			  </TR>
				</TBODY>
			</TABLE>
			
		</TD>
		
	</TR>
  <TR class="bar">
    <TD align="center" width=192 height=20><A href="{$HOME_URL}" class="sub"><B>Home</B></A></TD>
    <TD align="center" width="10" onClick="SwitchBar()" style="background-color:orange"><img src="images/hiddenMenu.gif" width="9" height="9" name="image"></TD>
	<TD  height=20>
      
	  <TABLE cellSpacing=0 cellPadding=4 width="100%" border=0>
        <TBODY>
        <TR class="menulistbar">
           <TD width="60%" align="left"><font class="white">Position:</font><font class="orange">&nbsp;{$navigation}</font></TD>
		   <TD  width="40%" align="right"><span class="error_message">{$error_message}</span></TD>
        </TR></TBODY></TABLE>
		
		</TD>
		</TR>
  <TR>
   <td colspan="3">
   
   
  <table width="100%" border="0">
  <tr> 
  
    <TD id="menu" vAlign="top" width=189> 
      
	  <table width="100%" cellspacing="0" cellpadding="3">
 	   {foreach item=sec from=$arrMenuList}
			<tr> 
			  <td background="images/menu.gif" align="center" onclick=change('{$sec[0].gid}')><font class=white><b>&nbsp;{$sec[0].gname}</b></font></td>
			</tr>
			<tr style="display:none" id='menu{$sec[0].gid}'> 
			  <td > 
				<table width="100%" cellspacing="1" cellpadding="4" bgcolor="#CCCCCC">
				  {section name=sec1 loop=$sec}
					  <tr bgcolor="#FFFFFF"> 
						<td width="3%">&nbsp;</td>
						<td class=bg onMouseOver="this.style.backgroundColor='#E9EDED';" onMouseOut="this.style.backgroundColor='#FAFAFA'" align=left 
						height=20 width="97%"><a href="index.php?menuGid={$sec[0].gid}&menuid={$sec[sec1].mid}" class="sub">{$sec[sec1].mname}</a> </td>
					  </tr>
				   {/section}
				</table></td>
			</tr>
		{/foreach}
      </table> 
	  
	  </TD>
     
	<TD vAlign=top><iframe frameborder="0" marginwidth="0" marginheight="0" hspace="0" vspace="0" name="subFrame" scrolling="auto" scrolling="auto" style="VISIBILITY: inherit; WIDTH: 100%; HEIGHT: 950" src="{$subFrameUrl}"></iframe></TD>
   </tr>
</table>


 </td>
  </TR>
</TABLE>
</BODY></HTML>

